import { Select } from 'antd';

function Index() {
  const handleChange = (value: string) => {
    document.documentElement.setAttribute('data-theme',value)
    localStorage.setItem('theme',value)
  };
  return (
    <div>
        <Select
      defaultValue="白色"
      style={{ width: 120 }}
      onChange={handleChange}
      options={[
        { value: 'dark', label: '黑色' },
        { value: 'white', label: '白色' },
      
      ]}
    />
    <div className='w-[650px] h-[650px]
    dark:bg-black dark:text-white
    white:bg-white white-text-black
    '>

    </div>
    </div>
  )
}

export default Index
